<template>
    <div class="ordersLeftNav">
        <ul>
            <li>订单中心</li>
            <li>我的订单</li>
            <li>我的活动</li>
            <li>评价晒单</li>
        </ul>
        <ul>
            <li>客户服务</li>
            <li>返修退换货</li>
        </ul>
        <ul>
            <li>设置</li>
            <li>个人信息</li>
            <li>收货地址</li>
        </ul>
    </div>
</template>
<script lang="ts">
    import { Component, Vue } from 'vue-property-decorator'
    import { Action, Getter } from 'vuex-class';
    import { namespace } from 'vuex-class';
    import * as _ from 'lodash'
    @Component({
        components: {}
    })
    export default class OrdersLeftNav extends Vue {
        public async created() {

        }
    }
</script>
<style lang="less">
    .ordersLeftNav {
        width: 100px;
        height: 100%;
        margin-top: 20px;
        margin-left: 50px;

        ul {
            margin: 0px;
            padding: 0px;

            li {
                margin: 0px;
                padding: 0px;
                list-style-type: none;
                color: #666;
                line-height: 24px;
                cursor: pointer;
            }

            li:nth-child(1) {
                height: 28px;
                line-height: 28px;
                color: #333;
                font-weight: 700;
                cursor: default;
            }
        }
    }
</style>